import React from 'react'
import { Routes,Route, Navigate } from 'react-router-dom'

import Login from './components/Login'
import Main from './components/Main'
import NotFound from './components/404'
export default function App() {
  /* 
    Navigate组件：
      当不管什么情况下接收了这个 Navigate组件,则路由会按照这个组件的to的地址重新执行路由跳转
  
    路径是 * 代表所有路径，先匹配非*的所有的路径 如果匹配不到，则执行*代表的路由组件
  */
  return (
    <div className='outer'>
      <Routes>
        <Route path='/login' element={<Login/>} />
        <Route path='/main' element={<Main/>} />
        <Route path='/' element={<Navigate to={'/login'}/>} />
        <Route path='*' element={<NotFound/>}/>
      </Routes>
    </div>
  )
}
